<%@include file="header.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div id="page-wrapper">
	<div class="row">
		<div class="col-lg-12">
			<h1 class="page-header">Nhà cung cấp</h1>
		</div>
		<!-- /.col-lg-12 -->
	</div>
	<div class="row">
		<div class="col-lg-12">
			<div class="panel panel panel-info">
				<div class="panel-heading">Danh sách nhà cung cấp </div>
				<!-- /.panel-heading -->
				<div class="panel-body">
					<div class="table-responsive">
						<div id="dataTables-example_wrapper"
							class="dataTables_wrapper form-inline" role="grid">
							<div class="row">
 							</div>
							<table aria-describedby="dataTables-example_info"
								class="table table-striped table-bordered table-hover dataTable no-footer"
								id="dataTables-example">
								<thead>
									<tr role="row">
										<th aria-sort="ascending"
											aria-label="Rendering engine: activate to sort column ascending"
											style="width: 200px;" colspan="1" rowspan="1"
											aria-controls="dataTables-example" tabindex="0"
											class="sorting_asc"> Tên nhà cung cấp</th>
											<th aria-sort="ascending"
											aria-label="Rendering engine: activate to sort column ascending"
											style="width: 200px;" colspan="1" rowspan="1"
											aria-controls="dataTables-example" tabindex="0"
											class="sorting_asc"> Số điện thoại</th>
											<th aria-sort="ascending"
											aria-label="Rendering engine: activate to sort column ascending"
											style="width: 200px;" colspan="1" rowspan="1"
											aria-controls="dataTables-example" tabindex="0"
											class="sorting_asc"> Địa chỉ</th>
										<th aria-label="Browser: activate to sort column ascending"
											style="width: 100px;" colspan="1" rowspan="1"
											aria-controls="dataTables-example" tabindex="0"
											class="sorting"> Sửa</th>
										<th
											aria-label="Platform(s): activate to sort column ascending"
											style="width: 100px;" colspan="1" rowspan="1"
											aria-controls="dataTables-example" tabindex="0"
											class="sorting"> Xóa </th>
									</tr>
								</thead>
								<tbody>
									<c:forEach items="${providerList}" var="emp">
									<tr>
										<td>${emp.providerName}</td>
										<td>${emp.providerPhone}</td>
										<td>${emp.providerAddress}</td>
										<td>
											<a href="author/update/${emp.providerId}">
												<span class="label label-info">Cập nhật</span>
											</a>
										</td>
										<td>
											<a href="author/delelte/${emp.providerId}">
												<span class="label label-primary">Xóa</span>
											</a>
										</td>
									</tr>
								</c:forEach>
								</tbody>
							</table>
							<div class="row">
								<div class="col-sm-6">
								</div>
							</div>
						</div>
					</div>
					<!-- /.table-responsive -->
				</div>
				<!-- /.panel-body -->
			</div>
			<!-- /.panel -->
		</div>
		<!-- /.col-lg-12 -->
	</div>
</div>
<!-- /#page-wrapper -->
<!-- /#wrapper -->

<!-- Core Scripts - Include with every page -->
<script src="resources/js/jquery-1.10.2.js"></script>
<script src="resources/js/bootstrap.min.js"></script>
<script src="resources/js/plugins/metisMenu/jquery.metisMenu.js"></script>

<!-- Page-Level Plugin Scripts - Tables -->
<script src="resources/js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="resources/js/plugins/dataTables/dataTables.bootstrap.js"></script>

<!-- SB Admin Scripts - Include with every page -->
<script src="resources/js/sb-admin.js"></script>

<!-- Page-Level Demo Scripts - Tables - Use for reference -->
<script>
    $(document).ready(function() {
        $('#dataTables-example').dataTable();
    });
    </script>
</body>
</html>